<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>客户档案</title>
		<link href="../css/style.css" type="text/css" rel="stylesheet" />
		<link href="../css/Pager.css" type="text/css" rel="stylesheet" />
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript" src="../js/qmsk-1.2.js"></script>
		<script type="text/javascript" src="../js/utils.js"></script>
		<script type="text/javascript" src="../js/jquery.pager.js"></script>
		<script type="text/javascript" src="../js/ajaxfileupload.js"></script>
		<script type="text/javascript" src="../js/checkLogin.js"></script>
		<script type="text/javascript" src="../js/manhuaDate.1.0.js"></script>
		<script type="text/javascript" src="../js/commonSelecter.js"></script>
		<script type="text/javascript" src="../js/pagination.js"></script>
		<script type="text/javascript" src="owner-jbxx.js"></script>
		<script type="text/javascript" src="owner-clxx.js"></script>
		<script type="text/javascript" src="owner-lxr.js"></script>
		<script type="text/javascript" src="owner-zjs.js"></script>
		<script type="text/javascript" src="owner-gtls.js"></script>
		<script type="text/javascript" src="owner-xfls.js"></script>
		<script type="text/javascript" src="owner-gwxx.js"></script>
		<script type="text/javascript">
			$(function() {
				changeUserData();
				jbxx.init();
				clxx.init();
				lxr.init();
				zjs.init();
				gtls.init();
				gwxx.init();
				xfls.init();
			});
			function changeUserData() {
				var ownerData = $(".userDetails").children(), bg = $("<span class='arrows'></span><span class='line'></span>");
				ownerData.eq(0).addClass("focus").append(bg);
				$(".dataBox").hide().eq(0).show();
				ownerData.click(function() {
					var index = ownerData.index(this);
					$(this).addClass("focus").siblings().removeClass("focus");
					ownerData.each(function(index, element) {
						$(this).children("span").remove();
					});
					$(this).append(bg);
					$(".dataBox").hide().eq(index).show();
					setContainer();
					//控制整个内容高度
				});
			}//标签切换

			function returnUrl(e) {

				var back = qmsk.getQueryValue('back');
				back = (back == -2 ? -2 : -1);
				history.go(back);
				//qmsk.redirectUrl('http://www.baidu.com');
			}

		</script>
	</head>

	<body>
		<div class="container" id="container">
			<div class="container_R fr">
				<div class="userDetails">
					<a href="javascript:void(0)">基本信息</a><a href="javascript:void(0)">顾问信息</a><a href="javascript:void(0)">联系人</a><a href="javascript:void(0)">车辆信息</a><a href="javascript:void(0)">转介绍</a><a href="javascript:void(0)">沟通历史</a><a href="javascript:void(0)">消费历史</a><!--<a href="javascript:void(0)">操作历史</a>--><a href="javaScript:void(0)" onclick="returnUrl()" class="goHome">返回</a>
				</div>
				<div class="dataBox" >
					<div id="jbxx_grxx" class="member_search columns">
						<div class="title">
							个人信息<a href="javascript:void(0)" class="modify" id="jbxx_grxx_edit">【修改】</a>
						</div>
						<p>
							<span>姓名：</span>
							<input id="customerName" type="text" class="absoluteTxt">
							<span>性别：</span>
							<select id="sex">
								<option value="0">男</option>
								<option value="1">女</option>
							</select>
						</p>
						<p>
							<span>身份证号：</span>
							<input id="IDNumber" type="text" class="absoluteTxt">
							<span>手机：</span>
							<input id="mp" type="text" class="absoluteTxt">
							<span>电话号码：</span>
							<input id="tel" type="text" class="absoluteTxt">
						</p>
						<p>
							<span>出生日期：</span>
							<input id="birthday" type="text" class="doubledate">
							<span>Email：</span>
							<input id="email" type="text" class="absoluteTxt">
							<span>传真：</span>
							<input id="fax" type="text" class="absoluteTxt">
						</p>
						<p>
							<span>省份：</span>
							<select id="provinceId"></select>
							<span>城市：</span>
							<select id="cityId"></select>
							<span>区/县：</span>
							<select id="countryId"></select>
						</p>
						<p>
							<span>地址：</span>
							<input id="address" type="text" class="address">
							<span>邮编：</span>
							<input id="zipCode" type="text">
						</p>
						<p>
							<span>行业：</span>
							<select id="industryTypeID"></select>
							<span>单位：</span>
							<input id="companyName" type="text" class="absoluteTxt" />
							<span>职务：</span>
							<input id="companyDuty" type="text" class="absoluteTxt" />
						</p>
						<p>
							<span>学历：</span>
							<select id="degree">
								<option value="0">小学</option>
								<option value="1">初中</option>
								<option value="2">中转/高中</option>
								<option value="3">专科</option>
								<option value="4">本科</option>
								<option value="5">硕士研究生</option>
								<option value="6">博士研究生</option>
							</select>
							<span>婚姻状况：</span>
							<select id="marital">
								<option value="0">未婚</option>
								<option value="1">已婚</option>
							</select>
							<span>APP密码：</span>
							<input id="password" type="password">
						</p>
						<!--
						<p>
						<span>兴趣爱好：</span>
						<label class="autoWidth">
						<input type="checkbox">
						音乐</label>
						<label class="autoWidth">
						<input type="checkbox">
						篮球</label>
						<label class="autoWidth">
						<input type="checkbox">
						爬山</label>
						<label class="autoWidth">
						<input type="checkbox">
						动漫</label>
						<label class="autoWidth">
						<input type="checkbox">
						动漫</label>
						<label class="autoWidth">
						<input type="checkbox">
						动漫</label>
						<label class="autoWidth">
						<input type="checkbox">
						动漫</label>
						</p>
						-->
						<p>
							<span>客户组别：</span>
							<select id="customerGroup">
								<option value="0">客户</option>
								<option value="1">经纪人</option>
							</select>
							<span>客户类型：</span>
							<select id="customerType"></select>
						</p>
						<p>
							<span>备注：</span>
							<textarea id="memo" class="remarks"></textarea>
						</p>
					</div>
					<div id="jbxx_hyxx" class="member_search columns">
						<div class="title">
							会员信息<a href="javascript:void(0)" id="jbxx_hyxx_edit" class="modify">【修改】</a>
						</div>
						<p>
							<span>会员级别：</span>
							<select id="levelID"></select>
							<span>会员费：</span>
							<input id="memberFee" type="text" class="absoluteTxt">
							<span>状态：</span>
							<select id="status">
								<option value="0">正常</option>
								<option value="1">非正常</option>
							</select>
						</p>
						<p>
							<span>卡生效日期：</span>
							<input id="createFileTime" type="text" class="absoluteTxt">
							<span>卡有效期：</span>
							<input id="validityDay" type="text" class="absoluteTxt">
							<span>卡失效期：</span>
							<input id="validDateTime" type="text" class="absoluteTxt">
						</p>
						<p>
							<span>会员卡号：</span>
							<input id="memberCardNo" type="text" class="absoluteTxt">
							<span>支付密码：</span>
							<input id="payPassword" type="text">
							<span> 店面：</span>
							<select id="shopID" class="shopName"></select>
						</p>
						<p>
							<span>会员备注：</span>
							<textarea id="memberMemo" class="remarks"></textarea>
						</p>
						<p>
							<span>储值（元）：</span>
							<input id="depositAmount" type="text" class="absoluteTxt">
							<span>代金券（元）：</span>
							<input id="cashCouponAmount" type="text" class="absoluteTxt">
							<span>优惠券（元）：</span>
							<input id="couponAmount" type="text" class="absoluteTxt">
						</p>
						<p>
							<span>积分：</span>
							<input id="integralAmount" type="text" class="absoluteTxt">
							<span>折扣：</span>
							<input id="discount" type="text" class="absoluteTxt">
							<span>总消费（元）：</span>
							<input id="consumeAmount" type="text" class="absoluteTxt">
						</p>
					</div>
					<div id="jbxx_ywxx" class="member_search columns">
						<div class="title">
							业务信息<a href="javascript:void(0)" id="jbxx_ywxx_edit" class="modify">【修改】</a>
						</div>
						<p>
							<span>驾照领取日期：</span>
							<input id="getlicenseDate" type="text" class="doubledate">
							<span>希望联系方式：</span>
							<select id="hopeConcactWay">
								<option value="0">手机</option>
								<option value="1">邮件</option>
							</select>
							<span>结婚纪念日：</span>
							<input id="maritalDate" type="text" class="doubledate">
						</p>
						<p>
							<span>希望联系时间：</span>
							<select id="hopeConcactTime">
								<option value="0">工作日</option>
								<option value="1">节假日</option>
							</select>
							<!--
							<span>具体联系时间：</span>
							<input type="time" class="absoluteTxt">
							-->
						</p>
					</div>
					<div id="jbxx_blxx" class="member_search columns">
						<div class="title">
							办理信息<a href="javascript:void(0)" id="jbxx_blxx_edit" class="modify">【修改】</a>
						</div>
						<p>
							<span>招揽方式：</span>
							<select id="customerSourceId" onclick="loadCustomerSource(this)"></select>
							<span>业务员：</span>
							<input id="userName" type="text" readonly="readonly"  class="absoluteTxt">
							<span>建档日期：</span>
							<input id="createFileTime1" type="text" readonly="readonly">
						</p>
						<p>
							<span>推荐/经纪人：</span>
							<input id="recommendMan" type="hidden">
							<input id="recommendManName" onclick="userSelecter(this,'recommendMan')" type="text" class="absoluteTxt">
						</p>
					</div>
					<!--
					<div id="jbxx_fwxx" class="member_search columns">
					<div class="title">
					服务顾问<a href="javascript:void(0)" id="jbxx_fwxx_edit" class="modify">【修改】</a>
					</div>
					<p>
					<span>销售顾问：</span>
					<input id="salesConsultant" type="hidden">
					<input id="salesConsultantName" onclick="userSelecter(this,'salesConsultant')" type="text" class="absoluteTxt">
					<span>服务顾问：</span>
					<input id="serviceConsultant" type="hidden">
					<input id="serviceConsultantName" onclick="userSelecter(this,'serviceConsultant')" type="text" class="absoluteTxt">
					<span>客户经理：</span>
					<input id="customerManager" type="hidden">
					<input id="customerManagerName" onclick="userSelecter(this,'customerManager')" type="text" class="absoluteTxt">
					</p>
					<p>
					<span>客服经理：</span>
					<input id="customerServiceManager" type="hidden">
					<input id="customerServiceManagerName" onclick="userSelecter(this,'customerServiceManager')" type="text" class="absoluteTxt">
					</p>
					</div>
					-->
				</div>
				<div class="dataBox">
					<table class="member_list ownerData" width="100%" cellspacing="1" cellpadding="0" border="0">
						<caption>
							<strong>顾问列表 <span id="gw_list_sup"></span></strong>
							<input type="button" id="gw_add" value="增加" class="common_btn">
						</caption>
						<thead>
							<tr>
								<th>顾问名称</th>
								<th>顾问类型</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody id="gw_list">

						</tbody>
					</table>
					<div id="gw_gwxx" class="member_search columns">
						<div class="title">
							顾问信息<a href="javascript:void(0)" id="gw_gwxx_edit" class="modify">【修改】</a>
						</div>
						<p>
							<span>顾问类型：</span>
							<select id="gw_gwxx_typeId">
								<option value="1">销售顾问</option>
								<option value="2">服务顾问</option>
								<option value="3">客户经理</option>
								<option value="4">客服经理</option>
							</select>
							<span>顾问名称：</span>
							<input id="gw_gwxx_advisorName" onclick="gwSelecter(this)" readonly="readonly" type="text" class="absoluteTxt">

						</p>

					</div>
				</div>
				<div class="dataBox">
					<table class="member_list ownerData" width="100%" cellspacing="1" cellpadding="0" border="0">
						<caption>
							<strong>联系人列表 <span id="lxr_list_sup"></span></strong>
							<input type="button" id="lxr_add" value="增加" class="common_btn">
						</caption>
						<thead>
							<tr>
								<th>姓名</th>
								<th>性别</th>
								<th>关系</th>
								<th>电话</th>
								<th>手机</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody id="lxr_list"></tbody>
					</table>
					<div id="lxr_lxrxx" class="member_search columns">
						<div class="title">
							联系人信息<a href="javascript:void(0)" id="lxr_edit" class="modify">【修改】</a>
						</div>
						<p>
							<span>姓名：</span>
							<input id="f_name" type="text" class="absoluteTxt">
							<span>性别：</span>
							<select id="f_sex">
								<option value="0">男</option>
								<option value="1">女</option>
							</select>
							<span>出生日期：</span>
							<input id="f_birthday" type="text" class="doubledate">
						</p>
						<p>
							<span>身份证号：</span>
							<input id="f_idNumber" type="text" class="absoluteTxt">
							<span>民族：</span>
							<input id="f_nation" type="text" class="absoluteTxt">
							<span>与客户关系：</span>
							<select id="f_relation">
								<option value="0">亲属</option>
								<option value="1">朋友</option>
							</select>
						</p>
						<p>
							<span>电话号码：</span>
							<input id="f_tel" type="text" class="absoluteTxt">
							<span>手机：</span>
							<input id="f_mp" type="text" class="absoluteTxt">
						</p>
						<p>
							<span>省份：</span>
							<select id="f_province"></select>
							<span>城市：</span>
							<select id="f_city"></select>
							<span>区/县：</span>
							<select id="f_location"></select>
						</p>
						<p>
							<span>地址：</span>
							<input id="f_address" type="text" class="address">
							<span>邮编：</span>
							<input id="f_zipcode" type="text" class="absoluteTxt">
						</p>
					</div>
				</div>
				<div id="clxx" class="dataBox">
					<table class="member_list ownerData" width="100%" cellspacing="1" cellpadding="0" border="0">
						<caption>
							<strong>车辆列表 <span id="clxx_simpleList_sup"></span></strong>
							<input id="clxx_add" type="button" value="增加" class="common_btn">
						</caption>
						<thead>
							<tr>
								<th>车牌号</th>
								<th>品牌</th>
								<th>车系</th>
								<th>车型</th>
								<th>车龄</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody id="clxx_simpleList"></tbody>
					</table>
					<div id="clxx_clxx" class="member_search columns">
						<div class="title">
							车辆信息<a id="clxx-clxx-edit" href="javascript:void(0)" class="modify">【修改】</a>
						</div>
						<p>
							<span>车牌号：</span>
							<input id="license" type="text" class="absoluteTxt">
							<span>VIN号：</span>
							<input id="VIN" type="text" class="absoluteTxt">
							<span>发动机号：</span>
							<input id="engine" type="text" class="absoluteTxt">
						</p>
						<p>
							<span>品牌：</span>
							<select id="carBrandID" onclick="loadBrand(this)"></select>
							<span>车系：</span>
							<select id="carSystemId" onclick="loadCarSystem(this)"></select>
							<span>车型：</span>
							<select id="carTypeId" onclick="loadCarType(this)"></select>
						</p>
						<p>
							<span>购车日期：</span>
							<input id="buyDate" type="text" class="doubledate">
							<span>上牌日期：</span>
							<input id="licenseDate" type="text" class="doubledate">
							<span>年检日期：</span>
							<input id="checkCarDate" type="text" class="doubledate">
						</p>
						<p>
							<span>车身颜色：</span>
							<input id="color" type="text" class="absoluteTxt">
							<span>车辆价格：</span>
							<input id="price" type="text" class="absoluteTxt">
							<span>车龄：</span>
							<input id="carAge" readonly type="text" class="absoluteTxt">
						</p>
						<p>
							<span>备注信息：</span>
							<textarea id="carMemo" class="remarks"></textarea>
						</p>
					</div>
					<div id="clxx_bxxx" class="member_search columns">
						<div class="title">
							保险信息<a id="clxx-bxxx-edit" href="javascript:void(0)" class="modify">【修改】</a>
						</div>

						<p>
							<span>保单：</span><label class="autoWidth">
								<input id="bdfileName" type="text" readonly disabled>
								<input type="button" class="btn" value="...">
								<input type="file" id="bdfile" name="bdfile"  onchange="bdchange();" class="autofile">
							</label>
							<input type="button" value="上传保单" onclick="uploadfile();" class="comBtn">
							<input type="button" value="查看保单" class="comBtn" onclick="ckbd();">
							<!--<b class="tips" id="bdTips">（您还未上传保单哦！）</b>-->
						</p>

						<p>
							<span>保单号：</span>
							<input id="insuranceNo" type="text" class="absoluteTxt">
							<span>投保公司：</span>
							<select id="insuranceComId" onclick="loadInsuranceCom(this)"></select>
							<span>投保人：</span>
							<input id="policyholder" type="text" class="absoluteTxt">
						</p>
						<p>
							<span>保单生效日：</span>
							<input id="insuranceValidDate" type="text" class="doubledate">
							<span>保单失效日：</span>
							<input id="insuranceEndDate" type="text" class="doubledate">
							<!--
							<span>保险类型：</span>
							<select id="insuranceTypeId"></select>
							-->
						</p>
					</div>
					<div id="clxx_wxxx" class="member_search columns">
						<div class="title">
							维修信息<a id="clxx-wxxx-edit" href="javascript:void(0)" class="modify">【修改】</a>
						</div>
						<p>
							<span>行驶里程：</span>
							<input id="recentlyMileage" type="text" class="absoluteTxt">
							<span>行驶里程登记：</span>
							<input id="recentlyDate" type="text" class="doubledate">
							<span>首保日期：</span>
							<input id="insuranceFirstDate" type="text" class="doubledate">
						</p>
						<p>
							<span>上次维修：</span>
							<input id="lastRepairDate" type="text" class="doubledate">
							<span>上次保养：</span>
							<input id="lastKeepDate" type="text" class="doubledate">
							<span>推荐下次保养：</span>
							<input id="nextDate" type="text" class="doubledate">
						</p>
						<p>
							<span>送修人姓名：</span>
							<input id="repairManName"  type="text" class="absoluteTxt">
							<span>送修人电话：</span>
							<input id="repairManTel" type="text" class="absoluteTxt">
							<span>送修人手机：</span>
							<input id="repairManMp" type="text" class="absoluteTxt">
						</p>
						<p>
							<span>维修次数：</span>
							<input id="repairTimes" type="text" class="absoluteTxt">
							<span>保养次数：</span>
							<input id="keepTimes" type="text" class="absoluteTxt">
							<span>进厂次数：</span>
							<input id="factoryTimes" readonly type="text" class="absoluteTxt">
						</p>
					</div>
				</div>
				<div class="dataBox">
					<table class="member_list ownerData" width="100%" cellspacing="1" cellpadding="0" border="0">
						<caption>
							<strong>被介绍人列表 <span id="zjs_list_sup"></span></strong>
							<input type="button" id="zjs_add" value="增加" class="common_btn">
						</caption>
						<thead>
							<tr>
								<th>推荐时间</th>
								<th>被介绍人姓名</th>
								<th>被介绍人电话</th>
								<th>介绍类型</th>
								<th>赠送积分</th>
								<th>返利金额</th>
								<th>状态</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody id="zjs_list">

						</tbody>
					</table>
					<div id="zjs_bjsxx" class="member_search columns">
						<div class="title">
							被介绍人信息<a href="javascript:void(0)" id="zjs_bjsxx_edit" class="modify">【修改】</a>
						</div>
						<p>
							<span>被介绍人姓名：</span>
							<input id="zjs_recommendedName" type="text" class="absoluteTxt">
							<span>被介绍人手机：</span>
							<input id="zjs_mp" type="text" class="absoluteTxt">
							<span>介绍类型：</span>
							<select id="zjs_type">
								<option value="1">维修</option>
								<option value="2">试驾</option>
								<option value="3">保养</option>
								<option value="4">保险</option>
							</select>
						</p>
						<p>
							<span style="widthAuto">赠送积分：</span>
							<input id="zjs_giveIntegral" type="text" class="absoluteTxt">
							<span>返利金额：</span>
							<input id="zjs_rebateAmount" type="text" class="absoluteTxt">
							<span>状态：</span>
							<select id="zjs_status">
								<option value="0">正常</option>
								<option value="1">非正常</option>
							</select>
						</p>
						<p>
							<span>备注信息：</span>
							<textarea id="zjs_memo" class="remarks"></textarea>
						</p>
					</div>
				</div>
				<div class="dataBox">
					<table class="member_list ownerData" width="100%" cellspacing="1" cellpadding="0" border="0">
						<caption>
							<strong>沟通历史 <span id="gtls_list_sup"></span></strong>
						</caption>
						<thead>
							<tr>
								<th>沟通时间</th>
								<th>沟通类型</th>
								<th>沟通方式</th>
								<th>详细</th>
								<th>联络人</th>
								<th>下次联络日期</th>
								<th>状态</th>
							</tr>
						</thead>
						<tbody id="gtls_list"></tbody>
					</table>
					<div id="gtls_list_pager" class="pager" style="float: right;"></div>
				</div>
				<div class="dataBox">
					<table class="member_list ownerData" width="100%" cellspacing="1" cellpadding="0" border="0">
						<caption>
							<strong>消费历史 <span id="xfls_list_sup"></span></strong>
						</caption>
						<thead>
							<tr>
								<th>消费时间</th>
								<th>消费类型</th>
								<th>车牌号</th>
								<th>工单号</th>
								<th>行驶里程</th>
								<th>配件费</th>
								<th>工时费</th>
								<th>总费用</th>
								<th>备注</th>
							</tr>
						</thead>
						<tbody id="xfls_list">

						</tbody>
					</table>
					<div id="xfls_list_pager" class="pager" style="float: right;"></div>
				</div>
				<!--
				<div class="dataBox">
				<table class="member_list ownerData" width="100%" cellspacing="1" cellpadding="0" border="0">
				<caption>
				<strong>操作列表 <span id="sup">共1条</span></strong>
				</caption>
				<thead>
				<tr>
				<th>操作时间</th>
				<th>操作类型</th>
				<th>操作员</th>
				<th>店面</th>
				<th>客户名称</th>
				<th>车牌号</th>
				<th>备注</th>
				<th>操作</th>
				</tr>
				</thead>
				<tbody>
				<tr>
				<td>0</td>
				<td>0</td>
				<td>0</td>
				<td>0</td>
				<td>0</td>
				<td>0</td>
				<td>错误调整</td>
				<td>
				<input type="button" class="common_btn" value="查看详情">
				</td>
				</tr>
				</tbody>
				</table>
				<div class="member_search columns">
				<div class="title">
				预约人员
				</div>
				<p>
				<span>操作员：</span>
				<input type="text" class="absoluteTxt">
				</p>
				<p>
				<span>操作时间：</span>
				<input type="datetime" class="absoluteTxt">
				<span>操作类型：</span>
				<input type="text" class="absoluteTxt">
				<span>店面：</span>
				<input type="text" class="absoluteTxt">
				</p>
				<p>
				<span>会员卡号：</span>
				<input type="text" class="absoluteTxt">
				<span>客户名称：</span>
				<input type="text" class="absoluteTxt">
				<span>车牌号：</span>
				<input type="text" class="absoluteTxt">
				</p>
				<p>
				<span>调整前可用积分：</span>
				<input type="text" class="absoluteTxt">
				<span>调整后可用积分：</span>
				<input type="text" class="absoluteTxt">
				</p>
				<p>
				<span>调整前累计积分：</span>
				<input type="text" class="absoluteTxt">
				<span>调整后累计积分：</span>
				<input type="text" class="absoluteTxt">
				</p>
				</div>
				</div>
				-->
			</div>
			<div class="fc"></div>
		</div>
		<script type="text/javascript" src="../js/header.js"></script>
		<script type="text/javascript" src="../js/left.js"></script>
		<script type="text/javascript" src="../js/footer.js"></script>
		<script type="text/javascript">
			clearThis("absoluteTxt");
		</script>
	</body>
</html>
